<template>
    <div>
        <button @click="reduce">-</button>
        <button @click="add">+</button>
        <button @click="reduces">异步-</button>
        <button @click="adds">异步+</button>
    </div>
</template>

<script>
export default {
    methods: {
        reduce() {
            this.$store.commit('reduce')
        },
        add() {
            this.$store.commit('add')
        },
        reduces() {
            this.$store.dispatch('reduces')
        },
        adds() {
            this.$store.dispatch('adds')
        }
    }
}
</script>

<style lang='scss' scoped>
</style>